﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AspxImageGallery.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>My Kids (Antara & Akshar) 3rd Birthday @ Pune</title>
    <link href="/Styles/prettyPhoto.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <%if (1 != 1)
      { %>
    <script src="/Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <%} %>
    <script src="/Scripts/jquery.prettyPhoto.js" type="text/javascript"></script>
    <style type="text/css">
        .style1
        {
            font-family: "Trebuchet MS";
            font-weight: bold;
            font-size: x-large;
            background-color: #CC3300;
        }
        .style2
        {
            font-size: 24px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <center>
        <table width="1000" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td width="1000" align="center">
                    <table width="1000" cellpadding="0" cellspacing="0">
                        <tr>
                            <td class="style1" align="center">
                                My Twin Kids (Antara Vaishnavi & Akshar Vedant) 3rd Birthday<br />
                                14th July 2012 @ Pune<br />
                                <img alt="Happy Birthday" class="style1" src="/Images/HappyBDay.JPG" />
                            </td>
                        </tr>
                        <tr>
                            <td class="style2" align="center">
                                <asp:Literal Text="" ID="litPages" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="center">
                                <asp:DataList ID="rptGallery" runat="server" RepeatColumns="4" RepeatDirection="Horizontal"
                                    RepeatLayout="Flow">
                                    <ItemTemplate>
                                        <a rel="prettyPhoto" class="anumeshKids_happyBday" href="/Photos/Gallery/<%#Eval("Name") %>">
                                            <img src="/Photos/Gallery/<%#Eval("Name") %>" width="225" height="225" alt="<%#Eval("Name") %>"
                                                title="<%#Eval("Description") %>" />
                                        </a>
                                    </ItemTemplate>
                                    <AlternatingItemTemplate>
                                        <a rel="prettyPhoto" class="anumeshKids_happyBday" href="/Photos/Gallery/<%#Eval("Name") %>">
                                            <img src="/Photos/Gallery/<%#Eval("Name") %>" width="225" height="225" alt="<%#Eval("Name") %>"
                                                title="<%#Eval("Description") %>" />
                                        </a>
                                    </AlternatingItemTemplate>
                                </asp:DataList>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </center>
    </form>
    <script type="text/javascript">
        $(function () {
            $("a[rel^='prettyPhoto']").prettyPhoto();
        });
    </script>
</body>
</html>
